<!--{include file='include/header.html'}-->

<link href="<!--{$css_path}-->/dong.css" rel="stylesheet" type="text/css">
<link href="<!--{$css_path}-->/boxy.css" rel="stylesheet" type="text/css">

</HEAD>

<BODY class="sidebar-left">
	<div id="wrapper">
		<div id="container" class="clear-block">
			<!--{include file='include/left_and_top.html'}-->
  
  			<div id="center">
  				<div id="squeeze">
  					<div class="right-corner">
  						<div class="left-corner">
  							
                			<div id="mission" style='text-align:center'>								
								<a href='javascript:void(0)' style="font-family:黑体;font-size:20px;height:18px;filter:blur(strength=2,direction=135)">									
									<FONT COLOR="#6666FF">只要您点击想要寻找人的照片，照片相应的就可以增大10号或者向前移动10个位置</FONT>
								</a>					
							</div>  
							              
							<div class="clear-block">
                    			<div id="node-31" class="node"> 
									<div class="content clear-block">
										<table cellpadding="1" cellspacing="1" style="width:100%; border:none;">
											<tbody style="width:100%; border:none;">
												<tr>
													<td colspan="2" valign="top">
														<h2><strong>寻人照片</strong></h2><hr />
														<div class="view view-photo view-id-photo view-display-id-block_1 view-dom-id-3"> 
      														<div class="view-content">
      															<div class="reveal">
																	<ul>
																		<!--{foreach from=$searchinfo item=search_user}-->
																		<li>
																			<img title='点击可以使照片放大或者提前位置' id='picid_<!--{$search_user.id}-->' src='<!--{$reveal_path}--><!--{$search_user.pic_url}-->' style='cursor:pointer; height:<!--{$search_user.pic_height}-->px; width:<!--{$search_user.pic_width}-->px;' >
																			<br><!--{$search_user.search_name}-->(<a href='?act=search_info&search_id=<!--{$search_user.id}-->' target='_blank'>查看详情</a>)
																			<br><font color="#A6A6A6" size="1"><!--{if $search_user.last_click_date == '0000-00-00 00:00:00'}-->无人点击关注<!--{else}-->(最近一次关注点击时间)<br><!--{$search_user.last_click_date}--><!--{/if}--></font>
																		</li>
																		<!--{/foreach}-->
																		
																	</ul>
																</div>
															</div>  
														</td>
													</tr>
												</tbody>
											</table>
										</div>
									</div>
								</div>

								<!--{include file='include/footer.html'}-->
							</div>
						</div>
      				</div>
      			</div>
      		</div>
      	</div> <!-- /.left-corner, /.right-corner, /#squeeze, /#center -->   
	</div> <!-- /container -->
</div><!-- /layout -->

<script language=javascript src="<!--{$scripts_path}-->/jquery.lazyload.js"></script>
<script language=javascript src="<!--{$scripts_path}-->/jquery.boxy.js"></script>

<script>	
$(function(){
	$(".reveal li img").click(function(){//鼠标移动到图片触发事件
		
		var distance_time			= '<!--{$distance_time}-->';
		var change_pic_size_height	= '<!--{$change_pic_size_height}-->';
		var change_pic_size_width	= '<!--{$change_pic_size_width}-->';
		
		var obj = $(this);		
		var pid = obj.attr('id');
		
		Boxy.ask("增大照片可以使照片增加10像素；<br>上提照片位置可以使照片向前提位20名；<br><br>(注意：一张照片"+distance_time+"小时内只可以点击一次)", 
				["增大照片", "上提照片位置", "取消"], 
				function(val) {
					if(val == '增大照片')
					{								
						var w1 = obj.attr("width");
						var h1 = obj.attr("height");		
						var new_w1 = parseFloat(w1) + parseFloat(change_pic_size_width);
						var new_h1 = parseFloat(h1) + parseFloat(change_pic_size_height);		
						
						$.ajax({
								type:'GET',
								url:'index.php',
								data:'mod=index&act=click_pic&type=1&height='+new_w1+'&width='+new_h1+'&pid='+pid,
								success:function(res){
									if(res != 2)
									{			
										//判断，如果图片不在运动，执行下面代码
										if(!obj.is(":animated"))
										{
											obj.animate({top:-10},310).animate({top:0},380)//往上6px，回来
											.animate({top:-5},150).animate({top:0},130)//往上3px，回来
											.animate({top:-3},150).animate({top:0},130)//往上3px，回来
											.animate({top:-1},100).animate({top:0},80);//往上1px，回来								
				
											obj.css('width',new_w1+'px'); 
											obj.css('height',new_h1+'px'); 																		
											
											//obj.parents("li").css('margin', '0 0 0 0');					
											
											/* 其他照片变小
											var w2 = $("#imgid2").attr("width");
											var h2 = $("#imgid2").attr("height");
											
											var new_w2 = w2 - 10;
											var new_h2 = h2 - 10;
											
											$("#imgid2").css('width',new_w2+'px'); 
											$("#imgid2").css('height',new_h2+'px'); 
											*/
										}						
									}
									else
									{
										alert('您'+distance_time+'小时内已经点击过\n\n(注意：一张照片'+distance_time+'小时内只可以点击一次)');
									}
								}
							})
					}
					else if(val == '上提照片位置')
					{
						$.ajax({
								type:'GET',
								url:'index.php',
								data:'mod=index&act=click_pic&type=2&pid='+pid,
								success:function(res){
									if(res != 2)
									{
										location.reload();
										return;
									}
									else
									{
										alert('您'+distance_time+'小时内已经点击过\n\n(注意：一张照片'+distance_time+'小时内只可以点击一次)');
									}
								}
						});
					}
			    }, {title: "祝您早日找到寻找的人"});
			    	
			    return false;
	});
});


$(function() {
	$("img").lazyload({
		effect : "fadeIn"
	});
});

</script>

</BODY>
</HTML>

